<!doctype html>
<html lang="zh-cn">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css"
        integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <link rel="stylesheet" href="./css/nav_.css">
    <link rel="stylesheet" href="./css/login.css">
    <link rel="stylesheet" href="./css/nav.css">
    <title>小强拼车</title>
</head>

<body>
    <div class="nav" id='navone'>
        <a href="#" class="bi-caret" onclick="window.history.back()">
            <svg class="bi bi-caret-left-fill" width="32px" height="32px" viewBox="0 0 16 16" fill="white"
                xmlns="http://www.w3.org/2000/svg">
                <path
                    d="M3.86 8.753l5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z" />
            </svg>
        </a>
        <a href="#" class="back" onclick="window.history.back()">返回</a>
        <span class="login">登录</span>
        <a href="#" class="bi-houses">
            <svg class="bi bi-house" width="32px" height="32px " viewBox="0 0 16 16" fill="white"
                xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd"
                    d="M2 13.5V7h1v6.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5V7h1v6.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5zm11-11V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z"
                    clip-rule="evenodd" />
                <path fill-rule="evenodd"
                    d="M7.293 1.5a1 1 0 0 1 1.414 0l6.647 6.646a.5.5 0 0 1-.708.708L8 2.207 1.354 8.854a.5.5 0 1 1-.708-.708L7.293 1.5z"
                    clip-rule="evenodd" />
            </svg>
        </a>
    </div>
    <h1 class="left">我的行程历史</h1>

    <div class="table-style">
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th scope="col">出发时间</th>
                    <th scope="col">起始地</th>
                    <th scope="col">目的地</th>
                    <th scope="col">下单时间</th>
                </tr>
            </thead>
            <tbody id='tbody'>

            </tbody>
        </table>

    </div>
    <div class="navbottom">
        <div class="navbottoms" onclick="data_history()">
            <span class="navbottomspan">行程管理</span>
            <svg class="bi bi-cursor-fill navbottomspan-bi" width="1em" height="1em" viewBox="0 0 16 16"
                fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd"
                    d="M14.082 2.182a.5.5 0 0 1 .103.557L8.528 15.467a.5.5 0 0 1-.917-.007L5.57 10.694.803 8.652a.5.5 0 0 1-.006-.916l12.728-5.657a.5.5 0 0 1 .556.103z"
                    clip-rule="evenodd" />
            </svg>
        </div>
        <div class="navbottoms" onclick="ToPcc()">
            <span class="navbottomspan">拼车车</span>
            <svg class="bi bi-people-fill navbottomspan-bi" width="1em" height="1em" viewBox="0 0 16 16"
                fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd"
                    d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"
                    clip-rule="evenodd" />
            </svg>
        </div>
        <div class="navbottoms" onclick="ToJcc()">
            <span class="navbottomspan">呼叫车</span>
            <svg class="bi bi-phone navbottomspan-bi" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor"
                xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd"
                    d="M11 1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H5z"
                    clip-rule="evenodd" />
                <path fill-rule="evenodd" d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" clip-rule="evenodd" />
            </svg>
        </div>
        <div class="navbottoms">
            <span class="navbottomspan">个人中心</span>
            <svg class="bi bi-person-square navbottomspan-bi" width="1em" height="1em" viewBox="0 0 16 16"
                fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd"
                    d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"
                    clip-rule="evenodd" />
                <path fill-rule="evenodd" d="M2 15v-1c0-1 1-4 6-4s6 3 6 4v1H2zm6-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
                    clip-rule="evenodd" />
            </svg>
        </div>
    </div>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.slim.min.js"
        integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/js/bootstrap.min.js"
        integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
        crossorigin="anonymous"></script>
    <script src="./js/callCar.js"></script>
    <script src="./js/get_history.js"></script>
    <script src="./js/button_pj.js"></script>
    <script>
        obj = url_params_parse_obj(location.search);
        getHistory(obj.user_id, obj.access_token);
        // function GMTToStr(time) {
        //     let date = new Date(time)
        //     let Str=date.getFullYear() + '-' +
        //     (date.getMonth() + 1) + '-' +
        //     date.getDate() + ' ' +
        //     (date.getHours()-8) + ':' +
        //     date.getMinutes() + ':' +
        //     date.getSeconds()
        //     return Str
        // }

        // alert(GMTToStr("Sat, 23 May 2020 14:33:36 GMT"));
    </script>
</body>

</html>